<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

	</head>
	<style>
		*{
			padding: 0;
			margin: 0;
			font-family: "微软雅黑";
		}
		body{
			height: 800px;
			background-color: black;
		}
	</style>
	<body>
		<script src="jquery-1.11.0.min.js"></script>
		<script>
			$(function(){
				//设置最小的雪花
				var minSize=10;
				//设置最大的雪花
				var maxSize=35;
				//设置雪花出现的频率
				var newOn=50;
				//设置雪花的颜色
				var flackColor="#fff";
				//设置雪花的模板
				var $flack=$("<div></div>").css({'position':'absolute','top':'-50px'}).html("❄");
				
				//设置雪花的高度
				var bodyHeight=$(document).height();
				//设置雪花的宽度
				var bodyWidth=$(document).width();
				
			
			setInterval(function(){
				//产生雪花的初始位置
				var startPositionLeft=Math.random()*bodyWidth-100;
				//雪花一开始的透明度
				var startOpacity=0.7+Math.random();
				//产生的雪花要在最小值和最大值之间
				var sizeFlake=minSize+Math.random()*maxSize;
				//设置雪花下降后的重点上的y轴
				var endPositionTop=bodyHeight-40;
				//设置雪花下降后终点
				var endPositionLeft=startPositionLeft-100+Math.random()*500;
				//雪花飘落的速度
				var durationFall=Math.random()*5000;
				$flack.clone().appendTo("body").css({
					"left":startPositionLeft,
					"opacity":startOpacity,
					"font-size":sizeFlake,
					"color":flackColor
				}).animate({
					'top':endPositionTop,
					'left':endPositionLeft,
					"opacity":0.5
				},durationFall,function(){
					$(this).remove();
					
				})
			},newOn)
			})
		</script>
	</body>
</html>
